<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <title>股权宝</title>
    </head>

    <body>

        <div class="pop-bg">
            <div class="pop-mask"></div>
            <div class="share-box">
                <img src="images/share_arr.png" alt="" />
                <p>点击右上角分享</p>
            </div>
        </div>

        <div class="page bottom">
            <div class="content">
                <div class="index-nav-box flex">
                    <div class="index-nav-box-item">
                        <a href="tips.html">
                            <img src="images/index_nav_icon1.png" alt="" />
                            <p>小贴士</p>
                        </a>
                    </div>
                    <div class="index-nav-box-item">
                        <a href="case_list.html">
                            <img src="images/index_nav_icon2.png" alt="" />
                            <p>文章</p>
                        </a>
                    </div>
                    <div class="index-nav-box-item">
                        <a href="case_list.html">
                            <img src="images/index_nav_icon3.png" alt="" />
                            <p>案例</p>
                        </a>
                    </div>
                    <div class="index-nav-box-item">
                        <a href="secretary.html">
                            <img src="images/index_nav_icon4.png" alt="" />
                            <p>秘书中心</p>
                        </a>
                    </div>
                    <div class="index-nav-box-item">
                        <a href="list.html">
                            <img src="images/index_nav_icon5.png" alt="" />
                            <p>律师中心</p>
                        </a>
                    </div>
                    <div class="index-nav-box-item">
                        <a href="customized_service.html">
                            <img src="images/index_nav_icon6.png" alt="" />
                            <p>vip定制</p>
                        </a>
                    </div>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/banner.jpg" width="100%" alt="" /></div>
                        <div class="swiper-slide"><img src="images/banner.jpg" width="100%" alt="" /></div>
                        <div class="swiper-slide"><img src="images/banner.jpg" width="100%" alt="" /></div>
                    </div>
                    <div class="swiper-pagination flex"></div>
                </div>
                <div class="index-news-box">
                    <a href="case.html" class="index-news-box-title flex selected"><p>股权设计的出发点与合理方式选择股权设计的出发点与合理方式选择</p></a>
                    <div class="index-news-box-content">激励对象须系统分析我们熟悉的长期激励手段包括股权激励、长期服务激励、退休金计划、期权、期股、虚拟股票，激励对象须系统分析我们熟悉的长期激励手段包括股权激励、长期服务激励、退休金计划、期权、期股、虚拟股票</div>
                    <div class="index-news-box-imgbox flex">
                        <img src="images/new_demo_img1.png" alt="">
                        <img src="images/new_demo_img2.png" alt="">
                        <img src="images/new_demo_img3.png" alt="">
                    </div>
                    <div class="index-news-box-nav flex">
                        <div class="index-news-box-nav-item flex" id="share">
                            <img src="images/share_icon.png" alt="" />
                            <span>分享</span>
                        </div>
                    </div>
                </div>
                <div class="index-news-box">
                    <a href="case.html" class="index-news-box-title flex selected">申通大股东将全部股权出质给阿里巴巴</a>
                    <div class="index-news-box-content">商业银行应委托依法设立的证券登记结算机构、符合条件的区域性股权市场运营机构或其他股权托管机构管理商业银行应委托依法设立的证券登记结算机构、符合条件的区域性股权市场运营机构或其他股权托管机构管理</div>
                    <div class="index-news-box-imgbox flex"><img src="images/news_demo_img_long.jpg" alt=""></div>
                    <div class="index-news-box-nav flex">
                        <div class="index-news-box-nav-item flex">
                            <img src="images/share_icon.png" alt="" />
                            <span>分享</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="index-bottom-nav flex">
                <a href="#" class="index-bottom-nav-item onthis">
                    <img src="images/home_icon_on.png" alt="" />
                    <p>动态</p>
                </a>
                <a href="lawyer_list.html" class="index-bottom-nav-item">
                    <img src="images/lawyer_icon.png" alt="" />
                    <p>简介</p>
                </a>
                <a href="me.html" class="index-bottom-nav-item">
                    <img src="images/my_icon.png" alt="" />
                    <em>12</em>
                    <p>我的</p>
                </a>
            </div>
        </div>

        <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var mySwiper = new Swiper ('.swiper-container', {
                loop: true, // 循环模式选项
                pagination: {
                    el: '.swiper-pagination',
                },
            });

            $('.pop-mask').click(function (e) {
                $('.pop-bg').removeClass('show');
            });

            $('#share').click(function (e) {
                $('.pop-bg').addClass('show');
            });
        </script>
    </body>
</html>